<template>
  <el-select v-model="selectState" placeholder="点击选择项目状态">
    <el-option v-for="state in states"
               :key="state.value"
               :label="state.label"
               :value="state.value"></el-option>
  </el-select>
</template>

<script setup lang="ts">
interface State {
  label: string,
  value: string
}

const states: State[] = [
  {
    label: '未启动',
    value: '0'
  },
  {
    label: '进行中',
    value: '1'
  },
  {
    label: '已完成',
    value: '2'
  }
]

const selectState = defineModel();
</script>

<style scoped>

</style>